import React from 'react';
import { Tabs } from 'antd-mobile';
import KnowledgeList from '@/views/Home/components/KnowledgeList/KnowledgeList';
import './Article.scss';
import FollowDoctor from '@/views/Home/components/FollowDoctor/FollowDoctor';

const Article = () => {
  return (
    <div className="article">
      <Tabs>
        <Tabs.Tab title="关注" key="like">
          <FollowDoctor></FollowDoctor>
          <KnowledgeList type="like"></KnowledgeList>
        </Tabs.Tab>
        <Tabs.Tab title="推荐" key="recommend">
          <KnowledgeList type="recommend"></KnowledgeList>
        </Tabs.Tab>
        <Tabs.Tab title="减脂" key="fatReduction">
          <KnowledgeList type="fatReduction"></KnowledgeList>
        </Tabs.Tab>
        <Tabs.Tab title="饮食" key="food">
          <KnowledgeList type="food"></KnowledgeList>
        </Tabs.Tab>
      </Tabs>
    </div>
  );
};

export default Article;